<template>
	<view class="homeContent" >
	<!-- <view class="homeContent" :style="safeAreaStyle"> -->
		<!-- tab -->
		 <!--  -->
		<view class="cont-header">
			<view class="status_bar" v-if="showBar==true" :style="{ 'height': statusBarHeight+ 'px'}"></view>
			<view class="course-grade" >
				<view class="grade-text" :class="{'active-tab': index === currentIndex}"
					v-for="(item, index) in tabText" :key="index" @tap="handleSwitchTab(index)">{{item}}</view>
			</view>

			<view class="cont-tab">
				<view class="image-text" :class="showClass==true ? 'actOptActive' : ''" @click="getShowClassPopup">
					<text class="text">{{selectedData.class_name}}</text>
					<image referrerpolicy="no-referrer" src="/static/Rectangle.png"
						:class=" showClass==true? 'imageActive' : ''"></image>
				</view>
				<view class="image-text" :class="showDate==true ? 'actOptActive' : ''" @click="getShowDatePopup">
					<text class="text">开始日期</text>
					<image referrerpolicy="no-referrer" src="/static/Rectangle.png"
						:class=" showDate==true? 'imageActive' : ''"></image>
				</view>
				<!-- <view class="image-text imageText" @click="checkChange()">
					<image class="icons" referrerpolicy="no-referrer" src="/static/workImg/Cell_Normal.png"
						v-if="!showCheck"></image>
					<image class="icons" referrerpolicy="no-referrer" src="/static/workImg/Cell_Normal@1.png" v-else>
					</image>
					<text class="text-group_1">只看本学期</text>
				</view> -->
			</view>
		</view>
		
		
		<!-- content -->
		<view class="contentRow">
			<view class="cont-list">
				<Empty v-if="totalNum==0"></Empty>
				<view class="course-items" v-for="(item, index) in lists" :key="index">
					<view class="item-header">
						<view class="head-left">
							<image class="icons" referrerpolicy="no-referrer" src="/static/icon.png"></image>
							<text>{{item.startTime}} </text>
						</view>
						<view class="head-right" v-if="item.isend==true">已结束</view>
					</view>
					<view class="item-content" @click="goDetails(item)">
						<view class="rowitem1">
							<view class="name">{{item.name}}</view>
							<view class="msg">{{item.type==0?'非课后作业' :item.type==1?'练习' :'测试'}}</view>
							<!-- type:  0=非课后作业 1=练习 2=测试 -->
						</view>
						<view class="rowitem2">
							<view class="txt">作业成员：{{item.cname}}</view>
							<view class="txt">来源书籍：{{item.pname}}</view>
							<view class="txt">截止时间：{{item.deadlinetime}}
								<image class="" referrerpolicy="no-refe/rrer" src="/static/editor.png" @click.stop="openDatePicker(3,item.id)"></image>
							</view>
							
							<view class="txt">作业选项：
								<!-- option.repair值为1:截止后可补交   option.repair值为0:截止后不可补交 -->
								<view style="display: flex;flex-wrap: wrap">
									<view v-for="(items,indexs) in item.option">
									<view class="tagItem" v-if="items.checkinfo=='1'">
										{{items.checkinfo=='1'?'截止查看小题答案':''}}
									</view>
									<view class="tagItem" v-if="items.checkanswer=='1'">
										{{items.checkanswer=='1'?'学生提交后可查看详情':''}}
									</view>
									<view class="tagItem" v-if="items.checkscore=='1'">
										{{items.checkscore=='1'?'学生提交可查看分数':''}}
									</view>
									<view class="tagItem" v-if="items.checksw=='1'">
										{{items.checksw=='1'?'学生不可查看分数答案(截止后也不可看)':''}}
									</view>
									<view class="tagItem" v-if="items.repair=='1'">
										{{items.repair=='1'?'截止时间后学生可补交':''}}
									</view>
									<view class="tagItem" v-if="items.lowfullbi=='1'">
										{{items.lowfullbi=='1'?`低于满分${item.option[7].percentage}%自动退回`:''}}
										{{items.lowfullbi=='1'?`低于满分${item.option[8].frequency}次自动退回`:''}}
									</view>
								</view>
								</view>
							</view>
						</view>
						<view class="rowitem3" v-if="item.shiti_list!=''">
							<view class="item3_li" v-for="(values,key) in item.shiti_list" :key="key">
								<view class="">{{values.tname}}</view>
								<view class="num">{{values.do_num}}/{{values.all_num}}</view>
							</view>
							
						</view>
						<image class="picIcons" referrerpolicy="no-referrer" src="/static/Rectangle.png"
							@click.stop="goDetails(item)"></image>
					</view>
				</view>
				<!-- <view class="moreItem">{{params.currentPage==params.lastPage ?'没有更多数据了': '上拉加载更多数据' }}{{params.currentPage}}</view> -->
			</view>
		</view>
		<!-- 全部班级 弹框 -->
		<view class="classPopup" v-show="showClass">
			<view class="popup-bg" @click.stop="close"></view>
			<view class="popup-content">
				<slot>
					<view class="popup-list">
						<scroll-view scroll-y="true" class="scroll-view">
							<view class="li" v-for="(item,index) in rangeData" :key="index"
								@click="onChange(index,item)">
								<view class="">{{ item.class_name }}</view>
								<image v-if="selectedData.id==item.id" src="/static/workImg/ok.png" mode=""></image>
							</view>
						</scroll-view>

					</view>
				</slot>
			</view>
		</view>

		<!-- time tankuang -->

		<view class="datePopup" v-show="showDate">
			<view class="popup-bg" @click.stop="closeDate"></view>
			<view class="popup-content">
				<slot>
					<view class="popup-list">
						<view class="cont">
							<view class="uni-view">
								<view class="uni-input" @click="openDatePicker(1)">{{timeFilterStartTime?timeFilterStartTime:'请选择日期'}}</view>			
								<view class="uni-text">到</view>
								<view class="uni-input" @click="openDatePicker(2)">{{timeFilterEndTime?timeFilterEndTime:'请选择日期'}}</view>
								<!-- 日期时间拨盘选择组件 -->
								<datePicker
									title="开始时间"
									type="yy-mm-dd hh:mm:ss"
									:initDate="startInitDate"
									ref="startDatePicker"
									@confirm="confirmFunction($event)"
									mpWeixinConfirm="confirmFunction"
								>
								</datePicker>
								<!-- 日期时间拨盘选择组件 -->
								<datePicker
									title="截至时间"
									type="yy-mm-dd hh:mm:ss"
									:initDate="endInitDate"
									ref="endDatePicker"
									@confirm="confirmFunction($event)"
									mpWeixinConfirm="confirmFunction"
								>
								</datePicker>		
							</view>
						</view>
						<view class="foot">
							<view class="text" @click="getclear">清除</view>
							<view class="text" @click="getSumbit">确定</view>
						</view>
					</view>
				</slot>
			</view>
		</view>
		<!--  -->
		<!-- 日期时间拨盘选择组件  :maxDate="yesterdayInitDate" :initDate="editInitDate"-->
		<datePicker
			title="截至时间"
			type="yy-mm-dd hh:mm:ss"
			:maxDate="yesterdayInitDate"
			:initDate="yesterdayInitDate"
			ref="editDatePicker"
			@confirm="confirmFunction($event)"
			mpWeixinConfirm="confirmFunction"
		>
		</datePicker>
		<datePicker
			title="截至时间"
			type="yy-mm-dd hh:mm:ss"
			:maxDate="yesterdayInitDate"
			:initDate="yesterdayInitDate"
			ref="editDatePickerEnd"
			@confirm="confirmFunctionEnd($event)"
			mpWeixinConfirm="confirmFunctionEnd"
		>
		</datePicker>
	</view>
</template>

<script>
	// import DatePopup from '@/pages/homework/datePopup.vue';
	import datePicker from '@/pages/homework/datePicker.vue';
	import Empty from '@/pages/homework/empty.vue'
	export default {
		components: {
			// DatePopup,
			datePicker,
			Empty
		},
		data(props) {
			return {
				className: "",
				tabText: ['课后作业', '机房考试'],				
				currentIndex: 0,
				lists: [],
				totalNum:0,
				params: {
					current: 1, // 第一页
					status: '' ,// 当前状态
					currentPage:1,//当前页
					lastPage: 1, //总页数
				},
				noData: false, // 没有更多数据了				

				// show: false, //是否显示 false
				showClass: false,
				rangeData: [],
				selectedData: {
					class_name: "全部班级",
					id: 0
				},
				

				newTime: '',
				// newTime: '2023-10-01 - 2024-9-9',
				showCheck: false, //只看本学期
				
				showDate: false,
				editID:'',
				timeFilterStartTime: '', 	//初始化筛选时间开始时间
				startInitDate:'',			//初始化默认开始时间
				endInitDate:'',				//初始化默认结束时间
				timeFilterEndTime: '', 		//初始化筛选时间结束时间
				editInitDate:'',				//初始化默认结束时间
				timeFilterEditTime: '', 		//初始化筛选时间结束时间
				yesterdayInitDate:'',
				open:'',                    //判断时间选择器类型
				
				statusBarHeight:43,
				showBar:false,
				
			}
		},		
		onLoad() {
			
			this.getList(); // 默认请求数据列表
			this.getClassList()
			this.getYesterdayDateTime()
			
			// 获取系统信息
			// uni.getSystemInfo({
			//   success: (res) => {
			// 	  //console.log('33333',res)
			//     // 设置状态栏高度
			//     that.headerHeight = res.statusBarHeight;
				
			// 	//console.log('res34',that.headerHeight)
			//     // 如果有导航栏等其他元素，需要加上它们的高度
			//     // this.headerHeight += 导航栏高度;
			//   }
			// });
			
			const systemInfo = uni.getSystemInfoSync()
			 if (systemInfo.osName === 'ios') {
				 this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight?uni.getSystemInfoSync().statusBarHeight:43; //设置状态栏高度
				 this.showBar = true
			 }  //苹果
			 if (systemInfo.osName === 'android') {
				this.showBar = false
			 }  //安卓
			
				// 判断设备是否是iOS
			// 	if (uni.getSystemInfoSync().platform === 'ios') {
			
			// 		// 判断是否有刘海屏
			// 		const safeAreaInsets = uni.getSystemInfoSync()['safeAreaInsets'];
			// 		//console.log('safeAreaInsets',safeAreaInsets)
			// 		if (safeAreaInsets && safeAreaInsets.top) {
			// 			// 有刘海屏，设置顶部padding
			// 			that.safeTop = safeAreaInsets.top + 'px';
			// 			// that.safeTop = safeAreaInsets.top + 'px';
			// 		}
			// 	}

				
		},
		// 上拉加载
		onReachBottom() {
			var that = this
		  if (!that.noData) {
			that.params.current++;
			if(that.params.currentPage!=that.params.lastPage){
				that.getList(); // 获取的数据列表
			}	
		  }
		},
		// 下拉刷新
		onPullDownRefresh() {
		// 	var that =this
		// 	that.params.current = 1;
		// 	that.getList(); // 获取的数据列表
		// 	uni.showToast({
		// 		title: '刷新成功',
		// 		icon: 'none',
		// 		duration: 2000
		// 	})
			uni.stopPullDownRefresh(); // 停止刷新	
		},	
		methods: {
			getYesterdayDateTime() {				
				var today = new Date();
				const date = new Date(today); // 创建当前日期时间的副本
							 
				date.setDate(date.getDate() - 1); // 将时间设置为昨天
				var year = date.getFullYear();  //2024-06-13 23:59:59
				var month = date.getMonth()+1;
				var day = date.getDate();
				var houer = date.getHours()
				var minute = date.getMinutes()
				var second = date.getSeconds();
				// this.yesterdayInitDate = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" "+(houer?houer:("0"+houer))+":"+(minute?minute:("0"+minute))+":"+(second?second:("0"+second));
				this.yesterdayInitDate = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" 23:59:59";	
				// //console.log('yesterdayInitDate',this.yesterdayInitDate); // 输出昨天的年月日时分秒
			},
			 
			
			
			// 打开时间选择器
			openDatePicker(type,id) {
				this.open = type				
				if(this.open == 1){
					this.$refs.startDatePicker.open();
				}else if(this.open == 2){
					this.$refs.endDatePicker.open();
				}else{
					this.editIDs=id;
					this.$refs.editDatePickerEnd.open();
				}
			},
			// 时间选择器确认
			confirmFunction($event){
				var that = this
				if(that.open == 1){
					that.timeFilterStartTime = $event[0].value+"-"+$event[1].value+"-"+$event[2].value+" "+$event[3].value+":"+$event[4].value+":"+$event[5].value;
				}else if(that.open == 2){
					that.timeFilterEndTime = $event[0].value+"-"+$event[1].value+"-"+$event[2].value+" "+$event[3].value+":"+$event[4].value+":"+$event[5].value;
				}else{
					that.editID=3
					that.lists=[]
					that.params= {
						current: 1, // 第一页
						currentPage:1,//当前页
						lastPage: 1, //总页数
					}
					that.getList()
					that.timeFilterEditTime = $event[0].value+"-"+$event[1].value+"-"+$event[2].value+" "+$event[3].value+":"+$event[4].value+":"+$event[5].value;
				}
			},
			confirmFunctionEnd($event){
				var that = this;
				let timeEditTime = $event[0].value+"-"+$event[1].value+"-"+$event[2].value+" "+$event[3].value+":"+$event[4].value+":"+$event[5].value;
				that.editID=3
				var data = {
					    id: that.editIDs,
					    end: timeEditTime,
				    };
				that.$post('new_homework/teacher_homework_edit_deadlinetime', data).then(res => {
					if (res.code != 0) {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						});
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						});
					}
				})
				that.lists=[]
				that.params= {
					current: 1, // 第一页
					currentPage:1,//当前页
					lastPage: 1, //总页数
				}
				that.getList(timeEditTime)
			},
			// 获取初始开始时间
			getStartInitDate(){
				var date = new Date();
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				var day = date.getDate();
				var houer = date.getHours()
				var minute = date.getMinutes()
				var second = date.getSeconds();
				this.startInitDate = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" "+(houer?houer:("0"+houer))+":"+(minute?minute:("0"+minute))+":"+(second?second:("0"+second));
				this.timeFilterStartTime = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" "+(houer?houer:("0"+houer))+":"+(minute?minute:("0"+minute))+":"+(second?second:("0"+second));
			},
			// 获取初始结束时间
			getEndInitDate(){
				var date = new Date().getTime()+604800000;
					date = new Date(date);
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				var day = date.getDate();
				var houer = date.getHours()
				var minute = date.getMinutes()
				var second = date.getSeconds();
				this.endInitDate = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" "+(houer?houer:("0"+houer))+":"+(minute?minute:("0"+minute))+":"+(second?second:("0"+second));
				this.timeFilterEndTime = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" "+(houer?houer:("0"+houer))+":"+(minute?minute:("0"+minute))+":"+(second?second:("0"+second));
			},
			// 获取初始结束时间
			getEditInitDate(){
				var date = new Date().getTime()+604800000;
					date = new Date(date);
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				var day = date.getDate();
				var houer = date.getHours()
				var minute = date.getMinutes()
				var second = date.getSeconds();
				this.editInitDate = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" "+(houer?houer:("0"+houer))+":"+(minute?minute:("0"+minute))+":"+(second?second:("0"+second));
				this.timeFilterEditTime = year+"-"+(month>9?month:("0"+month))+"-"+(day>9?day:("0"+day))+" "+(houer?houer:("0"+houer))+":"+(minute?minute:("0"+minute))+":"+(second?second:("0"+second));
			},
			
						
			// 列表
			getList(times) {
				var that = this
				uni.showLoading({
					title: '加载中...',
					mask: true //遮蔽层
				})
				var arr1 = {
					cid: that.selectedData.id,
					time: times?null:that.newTime,
					page: that.params.current, //页数
					// pageSize: that.params.size //当前数量
					// pageSize: 15 //当前数量
				},
				arr2 = that.currentIndex == 1 ? {
					type: 2
				} : {},
				arr3 = that.editID==3 ? {
					end:times?"":that.yesterdayInitDate,
				} : {},
				data = {}
				data = Object.assign(arr1, arr2, arr3)
				// //console.log('getList--data', data)
				that.$post('new_homework/teacher_homework_list', data).then(res => {
					// //console.log('list', res.data)
					uni.hideLoading(); // 关闭loading动画
					if (res.code != 0) {
						var arr =  res.data
						that.totalNum=arr.total
						if(arr.total!=0){
							that.params= {
								current: that.params.current, // 第一页
								currentPage: res.data.current_page, //当前页
								lastPage: res.data.last_page, //总页数
							}
							if(that.params.current > 1){
								that.lists = that.lists.concat(arr.data);
							}else{
								that.lists = res.data.data
							}
							if(arr.current_page==arr.last_page ){
								that.noData = false
								uni.showToast({
									title: '没有更多的数据了',
									icon: 'none',
									duration: 2000
								});
							// }else{
							// 	that.noData = true
							}
						}	
						// 1.状态栏
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						});
					}
				})
			},
			getClassList() {
				var that = this
				that.$post('new_homework/teacher_class_list').then(res => {
					// //console.log('班级列表', res);
					if (res.code != 0) {
						that.rangeData = res.data
					} else {
						uni.showToast({
							title: res.msg,
							icon: 'none',
							duration: 2000
						});
					}
				})
			},

			// top tab
			handleSwitchTab(index) {
				this.currentIndex = index;
				this.lists=[]
				this.params= {
					current: 1, // 第一页
					currentPage:1,//当前页
					lastPage: 1, //总页数
				}
				this.getList()
			},
			goDetails(item) {
				// console.log('item', item)
				if(this.currentIndex==0){
					uni.navigateTo({
						url: `/pages/homeworkDetail/index?tid=` + item.id+'&tname='+item.name
					});
				}else{
					uni.navigateTo({
						url: `/pages/answerDetail/index?tid=` + item.id+'&tname='+item.name
					});
				}				
			},

			// 全部班级 
			getShowClassPopup() {
				var that = this
				// //console.log('this.showClass55',that.showClass)
				// if (that.showClass==false) {
				// 	 document.body.style.overflow = 'hidden'; // 阻止页面滚动
				// } else{
				// 	document.body.style.overflow = '';
				// }
				that.showClass = that.showClass == true ? false : true
				that.showDate = false
			},
			close() {
				this.showClass = false
				// document.body.style.overflow = '';
			},
			onChange(index, item) {
				this.selectedData = item
				this.lists= []
				this.params= {
					current: 1, // 第一页
					currentPage:1,//当前页
					lastPage: 1, //总页数
				}
				this.getList()
				this.showClass = false
			},
			// updateClass(data) {
			// 	this.className = data.value; //改变了父组件的值
			// },

			//开始日期
			getShowDatePopup() {
				var that = this
				// //console.log('this.showDate',that.showDate)
				// if (that.showDate==false) {
				// 	 document.body.style.overflow = 'hidden'; // 阻止页面滚动
				// } else{
				// 	document.body.style.overflow = '';
				// }
				that.showClass = false
				that.showDate = that.showDate == true ? false : true
			},
			closeDate() {
				this.showDate = false
			},

			getclear() {
				this.timeFilterStartTime = ''
				this.timeFilterEndTime = ''
				this.showDate = false
			},
			getSumbit() {
				var that = this
				if (that.timeFilterStartTime == '' || that.timeFilterEndTime == '') {
					uni.showToast({
						title: '请先选择日期',
						icon: 'none',
						duration: 2000
					});
				} else {
					var arr1 = that.timeFilterStartTime.split(' ')
					var arr2 = that.timeFilterEndTime.split(' ')
					var arr = arr1[0] + " - " + arr2[0]
					that.newTime = arr
					that.lists=[]
					that.params= {
						current: 1, // 第一页
						currentPage:1,//当前页
						lastPage: 1, //总页数
					}
					that.getList()
					that.showDate = false
				}

			},
			// 只看本学期
			checkChange() {
				this.showCheck = !this.showCheck
			},

		},

	}
</script>

<style>
	/* tab-header*/
	.homeContent {
		display: flex;
		overflow: hidden;
	}
	 .status_bar {
	      height: var(--status-bar-height);/*刘海儿的高度*/
	      width: 100%;
	      /* background-color:#007AFF ; */
	  }

	.cont-header {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
	}

	.course-grade {
		background: ;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #4A90F6;
		color: #fff;
		height: 96rpx;
		font-weight: 600;
		font-size: 26rpx;
		/* background: ; */
	}

	.course-grade .grade-text {
		margin: 0 20rpx;
		height: 44rpx;
		line-height: 44rpx;
	}

	.course-grade .active-tab {
		line-height: 44rpx;
		font-size: 32rpx;
		position: relative;
	}

	.course-grade .active-tab::after {
		content: '';
		display: block;
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		border-bottom: 6rpx solid #fff;
		width: 32rpx;
		height: 12rpx;
	}

	.cont-tab {
		display: flex;
		justify-content: space-around;
		align-items: center;
		background-color: rgba(255, 255, 255, 1);
		height: 88rpx;
		border-bottom: 2rpx solid #eee;
	}

	.cont-tab .image-text {
		display: flex;
		align-items: center;
		color: rgba(34, 34, 34, 1);
		font-size: 26rpx;
		text-align: center;
		white-space: nowrap;
	}

	.cont-tab .actOptActive {
		color: #2979FF;
	}

	.cont-tab .image-text .imageActive {
		transform: rotate(-90deg);
	}

	.cont-tab .image-text image {
		width: 36rpx;
		height: 36rpx;
		transform: rotate(90deg);
	}

	.cont-tab .imageText image {
		transform: rotate(0);
	}

	.cont-tab .image-text .icons {
		width: 30rpx;
		height: 30rpx;
		margin-right: 10rpx;
	}

	/* content body */
	.contentRow {
		flex: 1;
		overflow: hidden;
	}

	.cont-list {
		margin: 270rpx 32rpx 60rpx;
		overflow: hidden;
	}

	.cont-list .course-items {
		margin-top: 30rpx;
		box-shadow: 0rpx 4rpx 24rpx 0rpx rgba(0, 0, 0, 0.05);
		background: rgba(247, 248, 250, 1);
		border-radius: 32rpx 32rpx 0rpx 0rpx;
	}



	.cont-list .course-items .item-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		height: 120rpx;
		border: 2rpx solid rgba(255, 255, 255, 1);
		border-radius: 32rpx 32rpx 0rpx 0rpx;
	}

	.item-header .head-left {
		display: flex;
		align-items: flex-end;
		color: rgba(0, 29, 65, 1);
		font-size: 32rpx;
		font-weight: 600;
		line-height: 40rpx;
		margin-top: 2rpx;
	}

	.item-header .head-left image {
		width: 64rpx;
		height: 64rpx;
		margin-left: 30rpx;
	}

	.item-header .head-right {
		height: 40rpx;
		color: rgba(0, 29, 65, 1);
		font-size: 28rpx;
		font-weight: normal;
		margin-right: 40rpx;
	}

	.cont-list .course-items .item-content {
		padding: 30rpx;
		box-shadow: 0rpx 4rpx 24rpx 0rpx rgba(0, 50, 83, 0.05);
		background-color: rgba(255, 255, 255, 1);
		border-radius: 24rpx;
		position: relative;
	}

	.item-content .rowitem1 {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 20rpx;
	}

	.item-content .rowitem1 .name {
		width: 80%;
		display: inline-block;
		color: rgba(34, 34, 34, 1);
		font-size: 34rpx;
		font-weight: 600;
		text-align: left;

		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.item-content .rowitem1 .msg {
		height: 32rpx;
		overflow-wrap: break-word;
		color: rgba(255, 92, 0, 1);
		border: 2rpx solid rgba(255, 92, 0, 1);
		padding: 4rpx 16rpx;
		border-radius: 8rpx;
		font-size: 22rpx;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 32rpx;
		margin-left: 12rpx;
	}

	.item-content .rowitem2 .txt {
		//height: 36rpx;
		overflow-wrap: break-word;
		color: rgba(114, 122, 142, 1);
		font-size: 26rpx;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 36rpx;
		margin-top: 16rpx;
		display: flex;
		align-items: flex-start;
	}

	.item-content .rowitem2 .txt image {
		width: 32rpx;
		height: 32rpx;
		margin-left: 15rpx;
	}

	.item-content .rowitem2 .txt .tagItem {
		background-color: rgba(238, 238, 238, 1);
		border-radius: 4rpx;
		padding: 4rpx 12rpx;
		margin-left: 10rpx;
		margin-bottom: 6rpx;
	}

	.item-content .rowitem2 .txt .tagItem:nth-of-type(1) {
		margin-left: 4rpx;
	}

	.item-content .rowitem3 {
		color: rgba(114, 122, 142, 1);
		font-size: 24rpx;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		border-top: 2rpx solid #eee;
		margin-top: 30rpx;
	}
	.item-content .rowitem3 .item3_li{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 20rpx;
	}

	.course-items .picIcons {
		position: absolute;
		top: 40%;
		right: 32rpx;
		transform: translate3d(-50%, -50%);
		width: 48rpx;
		height: 48rpx;
	}

	/* tankuang */
	.classPopup .popup-bg {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		background: rgba(0, 0, 0, 0.5);
	}

	.classPopup .popup-content {
		border-top: 2rpx solid #E7E7E7;
		position: fixed;
		top: 184rpx;
		left: 0;
		z-index: 9999;
		background: #fff;
		width: 100vw;
		height: 480rpx;
		border-radius: 0rpx 0rpx 40rpx 40rpx;
		padding-bottom: 20rpx;
	}

	.classPopup .popup-list {
		margin: 0 40rpx;
	}

	.classPopup .scroll-view {
		height: 480rpx;
		/* 设置固定高度 */
		overflow: hidden;
	}

	.classPopup .popup-list .li {
		border-bottom: 2rpx solid #E7E7E7;
		font-weight: 400;
		font-size: 28rpx;
		color: #222222;
		height: 100rpx;
		line-height: 100rpx;
		text-indent: 8rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.classPopup .popup-list .li image {
		width: 32rpx;
		height: 24rpx;
		margin-right: 20rpx;
	}

	/* time */
	.datePopup .popup-bg {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 999;
		background: rgba(0, 0, 0, 0.5);

	}

	.datePopup .popup-content {
		border-top: 2rpx solid #E7E7E7;
		position: fixed;
		top: 184rpx;
		left: 0;
		z-index: 9999;
		background: #fff;
		width: 100vw;
		height: 316rpx;
		border-radius: 0rpx 0rpx 40rpx 40rpx;
	}

	.datePopup .popup-list {
		margin: 0 40rpx;
		height: 100%;
		display: flex;
		flex-direction: column;

	}

	.datePopup .popup-list .cont {
		flex: 1;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.datePopup .popup-list .cont uni-picker {
		width: 100%;
	}

	.datePopup .popup-list .cont .uni-view {
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;
		height: 100%;
	}

	.datePopup .popup-list .cont .uni-view .uni-input {
		width: 236rpx;
		height: 88rpx;
		background: #F7F8FA;
		border-radius: 20rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #727A8E;
		line-height: 88rpx;
		text-align: center;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		padding: 0 10rpx;
	}

	.datePopup .popup-list .cont .uni-view .uni-text {
		font-weight: 400;
		font-size: 28rpx;
		color: #727A8E;
	}

	.datePopup .popup-list .foot {
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		font-weight: 400;
		font-size: 28rpx;
		color: #666666;
		border-top: 2rpx solid #eee;
		display: flex;
		justify-content: center;
	}

	.datePopup .popup-list .foot .text {
		width: 50%;
		text-align: center;
	}

	.datePopup .popup-list .foot .text:nth-of-type(1) {
		border-right: 2rpx solid #eee;
	}
</style>
